<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML常用标签</title>
    <style type="text/css">
        .poems{
            width: 20%;
            text-align: left;
            margin: 0 auto;
        }
        .title_test{
            float: left;
            text-align: center;
        }
    </style>
    <script type="text/javascript">
        // alert('hello, 你好！');
    </script>
    <link rel="stylesheet" type="text/css" href="">
    <meta charset="utf-8" name="keywords" content="html,标签，常用标签">
    <meta charset="utf-8" name="description" content="这是一个介绍html常用标签的页面">
    <!-- <meta charset="utf-8" http-equiv="refresh" content="2;URL=http://www.sxmu.edu.cn"> -->
</head>
<body>
    <div class="title_test">
        <h1>一级标题</h1>
        <h2>二级标题</h2>
        <h3>三级标题</h3>
        <h4>四级标题</h4>
        <h5>五级标题</h5>
        <h6>六级标题</h6>
        标题
    </div>
    <div class="poems">
        <h1>热爱生命</h1>
        <span>【作者】汪国真 【朝代】现代</span>
        <p>
            我不去想是否能够成功<br/>
            既然选择了远方<br/>
            便只顾风雨兼程<br/>
        </p>
        <p>
            我不去想能否赢得爱情<br/>
            既然钟情于玫瑰<br/>
            就勇敢地吐露真诚<br/>
        </p>
        <p>
            我不去想身后会不会袭来寒风冷雨<br/>
            既然目标是地平线<br/>
            留给世界的只能是背影<br/>
        </p>
        <p>
            我不去想未来是平坦还是泥泞<br/>
            只要热爱生命<br/>
            一切，都在意料之中<br/>
        </p>
    </div>
<hr style="border: 5; border-color: red;">
<div style="float: left;">
    <h3>带语义的标签</h3>
    <i>i标签是斜体</i><br>
    <em>em标签是斜体</em><br>
    <b>b表示关键字</b><br>
    <strong>strong表示很重要的内容，表示强调</strong><br>
    <strike>strike为文字加一道中线</strike><br>
    <u>u表示下划线</u><br>
    <s>s表示删除</s><br>

    10<sup>3</sup>
    log<sub>e</sub>
    
</div>
<div style="float: right;margin-right: 200px;">
    <h1>特殊字符</h1>
    这个题选&nbsp;&nbsp;&nbsp;A<br>
    10 &gt; 9<br>
    9 &lt; 10<br>
    &copy;版权
    &reg;注册
</div>

<a href="http://www.sxmu.edu.cn">
    <img src="https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=3583547339,179351815&fm=58&bpow=602&bpoh=602" alt="这是一张图片" title="山西医科大学">
    山西医科大学
</a>

    </body>
</html>